<!DOCTYPE html>	
<html lang="en-US"> 
	<head>
		<link rel="stylesheet" href="style.css" type="text/css" />
		
		<script src="lib/coolclock/coolclock.js" type="text/javascript"></script>
		<link rel="stylesheet" type="text/css" href="coolclock/styles.css"/>
		
		<script type="text/JavaScript" src="link.js"></script>
		<script type="text/JavaScript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
		<script>
			
			function init(){
				var sqd,sqdId,func,gId,gGridId
				for (i=0;i<groups.length;i++){
					gId = "group_"+i;
					gGridId = "grid_"+i
					
					var group = $('<div class=group id="'+gId+'"/>')
					var title = $("<div class=title id=title_"+i+" onclick=\"toggle('"+gGridId+"')\";>"+groupsNames[i]+"</div>")
					var grid = $("<div class=grid id="+gGridId+"></div>")
					
					for (j=0;j<groups[i].length;j++){
					
						sqd = groups[i][j]
						sqdId = 'square_'+i+'_'+j
						
						//func  = "window.location.href='"+sqd[1]+"'"
						func  = "window.open('"+sqd[1]+"')"
						var square = $('<div class=square id="'+sqdId+'" onclick="'+func+'"/>')
						$(square).css('background-image','url('+sqd[2]+')')
						$(square).append("<div class=label>"+sqd[0]+"</div>")
						
						/*$(square).hover( function (eventObject){toggle('"+sqdId+" .label')}, function (eventObject){toggle('"+sqdId+" .label')} )*/
						
						$(grid).append(square)
					}
					$(group).append(title)
					if(i==0){$(grid).css('display','block');}
					$(group).append(grid)
					$('#canvas').append(group)
				}
				
				// creazione orologio
				CoolClock.findAndCreateClocks()
			}
			
			function toggle(gGridId){
				$('#'+gGridId).animate({
					height: 'toggle'
				}, 'fast');
			}
			
		</script>
	</head>
	<body>
		<header>
		
		</header>
		
		<div id=canvas>
			<div class="group widgets tinyWidgets">
				<div class="grid gridOfWidgets" id=gridOfSmallWidget>
					<canvas id="c1" class="CoolClock:chunkySwiss:64"></canvas>
					<div id=title>Breathe</div>
				</div>
			</div>
			
			<script>init();</script>
			
			<div class="group widgets bigWidgets">
				<div class="title" id=titleOfBigWidget onclick="toggle('gridOfBigWidget')">Web Contents</div>
				<div class="grid gridOfWidgets" id=gridOfBigWidget>
					<!--<object ><param name="movie" value="http://www.ilmeteo.it/videom/tg_domani_n.swf" /><param name="allowFullScreen" value="true" /><embed src="http://www.ilmeteo.it/videom/tg_domani_n.swf" width="320" height="200" type="application/x-shockwave-flash" allowFullScreen="true" /></object>-->
					<iframe width= "400"height="320" id="1590654946" name="1590654946" src="http://nvmodules.netvibes.com/widget/frame?platform=igoogle&amp;uwaUrl=http%3A%2F%2Fwww.netvibes.com%2Fmodules%2FmultipleFeeds%2FmultipleFeeds.php%3Fprovider%3Dcustom%26url%3Dhttp%253A%252F%252Feco.netvibes.com%252Fuwa%252Fmultifeed%252F303%252F759&amp;libs=dynamic-height%3Asetprefs%3Acore%3Asettitle&amp;libs=core%3Acore.io%3Arpc&amp;container=open&amp;view=home&amp;lang=all&amp;country=ALL&amp;debug=0&amp;nocache=0&amp;sanitize=0&amp;up_category=&amp;up_view=&amp;up_nbTitles=3&amp;up_details=1&amp;up_showDate=1&amp;up_openOutside=0&amp;up_videoAutoPlay=false&amp;up_numberTabs=4&amp;up_selectedTab=0&amp;up_title=MultipleFeeds&amp;up_lookForHtmlThumbnail=true&amp;up_provider=google&amp;up_url=&amp;up_lastSearch=__undefined__&amp;up_showTweet=1&amp;up_setNbTitles=true&amp;v=cd70da80106a92c&amp;st=%25st%25&amp;source=file%3A%2F%2F%2FG%3A%2FDocumenti%2Fhomepage%2Findex.html&amp;parent=file%3A%2F%2F%2FG%3A%2FDocumenti%2Fhomepage%2Findex.html#rpctoken=1590654946" width="320" height="200" style="display:block;" frameborder="0" scrolling="no"></iframe>
					<img src="http://www.lamma.rete.toscana.it/previ/ita/immagini/toscana.jpg" border="0">
					<iframe width= "600"height="500" src="http://www.lamma.rete.toscana.it/previ/ita/comuni_rt/comem/index.html" width="320" height="200" style="display:block;" frameborder="0" scrolling="no"></iframe>
				</div>
			</div>
		</div>
		
		<footer>
		</footer>
    </body>
</html>